{include file=comm/head.html}



{include file=comm/top.html}

<div class="product_banner" style="margin-top: 0px;">

	<ul class="bread pro_bread  container">



		 {pboot:sort scode=21}

		 <li><a href="#jianjie"><span>[sort:name]</span></a></li>

		 {/pboot:sort}



		 {pboot:sort scode=16}

		 <li><a href="#product"><span>[sort:name]</span></a></li>

		 {/pboot:sort}



		 {pboot:sort scode=17}

		 <li><a href="#honor"><span>[sort:name]</span></a></li>

		 {/pboot:sort}



		 {pboot:sort scode=2}

		 <li><a href="[sort:link]"><span>[sort:name]</span></a></li>

		 {/pboot:sort}



		 <div id="jianjie"></div>



	</ul>

	

</div>



<!-- 公司介绍 -->

<div class="Profile container">

	<div class="about_title">

		{pboot:companyname}

	</div>

	<p style="text-align:justify">

		{pboot:content id=36}

			[content:content drophtml=1]

		{/pboot:content}

		

	</p>

	<div id="product"></div>



</div>



<!-- 列表 -->

<ul class="about_list">

	

	{pboot:list scode=16 num=15 order=oppose}

	<div class="aboutListItem">

		<li class="text">

			<div class="text_main">

				 <h4>[list:title]</h4>

				 <span></span>

				 <p>

					[list:description]

				 </p>

			</div>

	   </li>

	   <li><img src="[list:ico]" alt=""></li>

	</div>

	

	{/pboot:list}


	

	

</ul>



<!-- 认证 -->

<div class="attestation">
	<div id="honor"></div>

	<!-- 证 -->

	<div class="container">

		 <div class="swiper-container about_swiper">

			  <div class="swiper-wrapper">



{pboot:list scode=17 num=16 order=oppose}

				   <div class="swiper-slide">

						<img src="[list:ico]" alt="">

				   </div>

{/pboot:list}



			  </div>

			 

		 </div>
		  <!-- Add Pagination -->

		  <div class="swiper-pagination"></div>

		  <!-- Add Arrows -->

		  <div class="swiper-button-next about_next"></div>

		  <div class="swiper-button-prev about_prev"></div>

		 <div id="news"></div>

	</div>





	<div class="background">



	</div>







	



</div>





<div class="about_new container">

	<div class="about_title">

		 NEWS

	</div>

	<div class="indexnew">

		 <div class="inexnew_left">

			{pboot:list scode=2 num=1 isrecommend=1}

                    <a href="[list:link]">



                      <img src="[list:ico]" alt="">

                      <div class="mask">

                          <p>

                                [list:title]

                          </p>

                      </div>

                    </a>  

            {/pboot:list}

		 </div>



		 <ul class="indexnew_righ">



			{pboot:list scode=2 num=3 istop=1}    

			<li>

				 <div class="left">

					  <p>[list:date style=Y-m]</p>

					  <p>[list:date style=d]</p>

				 </div>

				 <a href="[list:link]" style="display: block; color: #222;   width: 77%;">

					  <div class="right">



						   <div class="indexnew_txt">

								<p>[list:title]</p>

								<p>[list:ext_jianshu]</p>

						   </div>

						   <span class="indexdetails">View details </span>



					  </div>

				 </a>

			</li>

			{/pboot:list}





		 </ul>

	</div>



</div>







{include file=comm/foot.html}





<style>

	.swiper-container-horizontal>.swiper-pagination-bullets,

	.swiper-pagination-custom,

	.swiper-pagination-fraction {

		 width: initial;

		 bottom: 0;

	}



	.swiper-pagination-bullet-active {

		 width: 8px !important;

		 border-radius: 50%;

	}



	.swiper-pagination-bullet {

		 background-color: #1b4685;
		 margin: 0 3px;

	}



	.swiper-button-prev,

	.swiper-container-rtl .swiper-button-next {

		 right: 0;

	}



	.swiper-button-next,

	.swiper-container-rtl .swiper-button-prev {

		 background-image: url('{pboot:sitetplpath}/img/you2.png');

	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		 background-image: url('{pboot:sitetplpath}/img/zuo2.png');
	}

	.swiper-button-next,
	.swiper-button-prev {

		 width: 45px;

		 height: 45px;

		 top: initial;

		 left: initial;

		 right: 0;

		 bottom: 0;
	}
	.swiper-button-prev {
		 right: calc( 11% + 65px) ;
	}
	.swiper-button-next {
		 right: calc( 11% ) ;
	}



	@media screen and (max-width: 540px) {

		 .swiper-button-next, .swiper-button-prev{

			  width: 24px;

			  height: 24px;

		 }

		 .swiper-button-next,

		 .swiper-button-prev {

			  background-size: 24px 24px;

		 }



	}

</style>

<script>







	if ($(window).width() <= 991) {

		 var swiper = new Swiper('.about_swiper', {

			  slidesPerView: 1,

			  spaceBetween: 30,

			  slidesPerGroup: 1,

			  loop: true,

			  loopFillGroupWithBlank: true,

			  pagination: {

				   el: '.swiper-pagination',

				   clickable: true,

			  },

			  navigation: {

				   nextEl: '.swiper-button-next',

				   prevEl: '.swiper-button-prev',

			  },

		 });

	} else {

		 var swiper = new Swiper('.about_swiper', {

			  slidesPerView: 3,

			  spaceBetween: 30,

			  slidesPerGroup: 3,

			  loop: true,

			  loopFillGroupWithBlank: true,

			  pagination: {

				   el: '.swiper-pagination',

				   clickable: true,

			  },

			  navigation: {

				   nextEl: '.swiper-button-next',

				   prevEl: '.swiper-button-prev',

			  },

		 });

	}

</script>

